﻿@{
    ViewData["Title"] = "EntityPurchaseAdd";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<br />
<br />
<div style="padding-left:20px">
    <button id="addRowBtn" class="layui-btn layui-bg-red"><i class="layui-icon layui-icon-addition"></i>新增行</button>
    <button id="addRowBtn" class="layui-btn layui-bg-red"><i class="layui-icon layui-icon-print"></i>保存</button>
    <button id="addRowBtn" class="layui-btn layui-bg-red"><i class="layui-icon layui-icon-return"></i>撤销</button>
    <button id="addRowBtn" class="layui-btn layui-bg-red"><i class="layui-icon layui-icon-delete"></i>删除</button>
</div>

<br />
<br />
@* 查询条件 *@
<table>
    <tbody>
        <tr>
            <td style="padding-bottom:20px">
                <div class="layui-form layui-row">
                    <label class="layui-form-label">采购员：</label>
                    <div class="layui-col-md3" style="width:200px">
                        <select name="departId" id="rommss" lay-filter="rommss">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>
            </td>
            <td style="padding-bottom:20px">
                <div class="layui-inline">
                    <label class="layui-form-label">入库日期</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="ID-laydate-demo" placeholder="yyyy-MM-dd">
                    </div>
            </td>
            <td style="padding-bottom:20px">
                <div class="layui-form layui-row">
                    <label class="layui-form-label">羊只类型：</label>
                    <div class="layui-col-md3" style="width:200px">
                        <select>
                            <option value="">请选择</option>
                            <option value="AAA">种公</option>
                            <option value="BBB">种母</option>
                        </select>

                    </div>
                </div>
            </td>
        </tr>

        <tr>
            <td style="padding-bottom:20px">
                <div class="layui-form layui-row">
                    <label class="layui-form-label">类别：</label>
                    <div class="layui-col-md3" style="width:200px">
                        <input type="text" name="" id="" placeholder="请输入" class="layui-input">
                    </div>
                </div>
            </td>
            <td style="padding-bottom:20px">
                <div class="layui-form layui-row">
                    <label class="layui-form-label">核算单元</label>
                    <div class="layui-col-md3" style="width:200px">
                        <select>
                            <option value="">请选择：</option>
                            <option value="AAA">选项 A</option>
                            <option value="BBB">选项 B</option>
                            <option value="CCC">选项 C</option>
                        </select>
                    </div>
                </div>
            </td>
            <td style="padding-bottom:20px">
                <div class="layui-form layui-row">
                    <label class="layui-form-label">供养商：</label>
                    <div class="layui-col-md3" style="width:200px">
                        <select name="departId" id="rommss" lay-filter="breedSelect">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>
            </td>
            <td style="padding-bottom:20px">
                <div class="layui-form layui-row">
                    <label class="layui-form-label">仓库：</label>
                    <div class="layui-col-md3" style="width:200px">
                        <select>
                            <option value="">请选择</option>
                            <option value="AAA">选项 A</option>
                            <option value="BBB">选项 B</option>
                            <option value="CCC">选项 C</option>
                        </select>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td style="padding-bottom:20px">
                <div class="layui-form layui-row">
                    <label class="layui-form-label">摘要：</label>
                    <div class="layui-col-md3" style="width:200px">
                        <select name="departId" id="zhaiyao" lay-filter="breedSelect">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>
            </td>
            <td style="padding-bottom:20px">
                <div class="layui-form layui-row">
                    <label class="layui-form-label">单据号：</label>
                    <div class="layui-col-md3" style="width:200px">
                        <input type="text" name="" id="" placeholder="请输入" class="layui-input">
                    </div>
                </div>
            </td>
            <td style="padding-bottom:20px">
                <div class="layui-form layui-row">
                    <label class="layui-form-label">流水号：</label>
                    <div class="layui-col-md3" style="width:200px">
                        <input type="text" name="" id="" placeholder="请输入" class="layui-input">
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>

<table id="dataTable" class="layui-table" style="width:2500px;padding-left:20px">
    <thead>
        <tr>
            <th style="width:50px">序号</th>
            <th style="width:180px">批次/耳号</th>
            <th style="width:180px">栋舍</th>
            <th style="width:180px">转入栏位</th>
            <th style="width:100px">性别</th>
            <th style="width:100px">商品名称</th>
            <th style="width:100px">标包</th>
            <th style="width:150px">计量单位</th>
            <th style="width:150px">入库数量</th>
            <th style="width:150px">只均单价</th>
            <th style="width:150px">金额（元）</th>
            <th style="width:150px">单位折扣（元）</th>
            <th style="width:150px">调整金额（元）</th>
            <th style="width:150px">结算金额（元）</th>
            <th style="width:150px">总重量（公斤）</th>
            <th style="width:200px">操作</th>
        </tr>
    </thead>
    <tbody>
        <!-- Rows will be dynamically added here -->
    </tbody>

</table>

<script src="~/js/organization/entitypuradd.js"></script>

<style>
    /* 模拟layui的下拉框样式 */
    .select-wrapper {
        position: relative;
        display: inline-block;
        font-family: Arial, sans-serif;
        overflow: hidden;
        border: 1px solid #e6e6e6; /* 边框样式 */
        border-radius: 4px; /* 圆角 */
        background-color: #fff; /* 背景颜色 */
    }

        .select-wrapper select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: none;
            padding: 8px 10px;
            font-size: 14px;
            cursor: pointer;
            width: 150px;
            background: transparent; /* 透明背景 */
        }

        .select-wrapper::after {
            content: '\25BE'; /* 下三角形符号 */
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            pointer-events: none;
        }

        /* 根据选中状态改变样式 */
        .select-wrapper select:focus + ::after {
            color: #009688; /* 选中时的颜色 */
        }
</style>
